/*
 * @Author: luojian jian.luo@macrowing.com
 * @Date: 2024-05-15 15:57:51
 * @LastEditors: luojian jian.luo@macrowing.com
 * @LastEditTime: 2024-05-24 11:42:03
 * @FilePath: \JiangHeBiWeb\src\components\jh\EdrmsUseReport\style.ts
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
import styled from 'styled-components';
export const EdrmsUseReportStyled = styled.div`
  width: 100%;
  height: 20vh;
  .map-box-tool {
    position: absolute;
    right: 0px;
    z-index: 999;
  }
  .map-box {
    width: 100%;
    height: 25vh;
    position: relative;
    .map-box-tool {
      position: absolute;
      right: 50px;
      z-index: 999;
      top: 10px;
      color: #fff;
      display: flex;
      .tool-name {
        margin-left: 20px;
        width: 40px;
        height: 18px;
        font-size: 12px;
        background: rgba(204, 204, 204, 0.24);
        border-radius: 22px 22px 22px 22px;
        text-align: center;
        cursor: pointer;
        @media screen and (width: 2560px) {
          font-size: 20px;
          width: 60px;
          height: 28px;
        }
      }
      .tool-name.active {
        background: linear-gradient(180deg, #85c2ff 0%, #0382ff 100%);
      }
    }
  }
`;
